<template lang="pug">
.equipment
  .equipment__left
    mt-card
      inspectGroup(v-model="currentSpecimen")
  .equipment__right
    mt-card
      mt-tabs(v-model="activeName")
        mt-tab-pane(name = "小组成员" label="小组成员")
          groupMembers(:selectEquipment="currentSpecimen")
        mt-tab-pane(name = "小组仪器" label="小组仪器")
          groupInstruments(:selectEquipment="currentSpecimen")
  </template>

<script setup lang="ts">
import inspectGroup from "./components/inspect-group.vue";
import groupMembers from "./components/group-members.vue";
import groupInstruments from "./components/group-instruments.vue";
import { type InspectGroupEntity } from "@scmt/api-lis-inspect-group";
const currentSpecimen = ref<InspectGroupEntity>();
const activeName = ref<String>("小组成员");
</script>

<style lang="less" scoped>
.equipment {
  height: 100%;
  display: flex;

  &__left {
    flex: 5;
  }

  &__right {
    margin-left: var(--mt-margin);
    flex: 5;
  }
}

.card {
  height: 100%;
}
</style>
